/*html{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}*/
.container {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
}

.pc-header {
  display: none;
}
.w{
	width: 100%;
}
.mobile-header .nav {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 50px;
  background-color: #fff;
  z-index: 10;
}
.mobile-header .nav:after, .mobile-header .nav:before{
	display: none;
}
.mobile-header .nav .logo {
  height: 100%;
  box-sizing: border-box;
  padding: 5px;
}
.mobile-header .nav .logo img {
  height: 100%;
}
.mobile-header .nav .fa-bars {
  margin-right: 8px;
  font-size: 28px;
}
.mobile-header .menu-wrap {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.mobile-header .menu-wrap .fa-times {
  margin-right: 8px;
  font-size: 28px;
  line-height: 50px;
  color: #ffffff;
}
.mobile-header .menu-wrap .menu {
  width: 75%;
  height: 100%;
  background-color: #33363f;
  overflow-y: auto;
}
.mobile-header .menu-wrap .menu .menu-item {
  position: relative;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #666666;
}
.mobile-header .menu-wrap .menu .menu-item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-header .menu-wrap .menu .menu-item a {
  display: block;
  flex: 0.8;
  box-sizing: border-box;
  padding-left: 15%;
  font-size: 16px;
  line-height: 50px;
  color: #ffffff;
}
.mobile-header .menu-wrap .menu .menu-item .fa {
  box-sizing: border-box;
  padding: 17px;
  font-size: 16px;
  color: #ffffff;
}
.mobile-header .menu-wrap .menu .menu-item .fa-chevron-up {
  display: none;
}
.mobile-header .menu-wrap .menu .menu-item .submenu {
  display: none;
  /*position: absolute;
  top: 50px;
  left: 10px;*/
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
}

.banner {
  margin-top: 50px;
  width: 100vw!important;
  height: 28.6vw !important;
  z-index: 1;
  background-size: 100% 100%!important;
}
.banner .swiper-slide {
  background-position: center;
}
.swiper-button-next, .swiper-button-prev{
	color: rgba(255, 255, 255, .2)!important;
}
.part{
	padding: 10px 0 20px!important;
}
.title{
	padding-top: 0!important;
}
.more-button{
	padding: 0 10px!important;
	line-height: 36px!important;
}
.aboutUs .content{
	box-sizing: border-box;
	padding: 0 10px;
}
.aboutUs .content p{
	text-align: left!important;
	text-indent: 2em;
}
.aboutUs .content span{
	font-size: 14px!important;
}

.product-classify{
	justify-content: flex-start!important;
	flex-wrap: wrap;
}
.product-classify-item{
	width: calc(50% - 10px);
	margin: 5px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.solution-content{
	padding: 10px 15px 10px!important;
}
.solution .solution-list .solution-item{
	width: 100%!important;
}
.solution .solution-list .solution-item .solution-title{
	font-size: 16px!important;
	margin-bottom: 10px!important;
}
.news .news-content{
	margin-top: 0!important;
}
.news .news-content .news-top{
	flex-wrap: wrap;
}
.news .news-content .news-top .news-imgs{
	width: 100%!important;
	height: 160px!important;
}	
.news .news-content .news-top .news-hots{
	width: 100%!important;
	height: auto!important;
}
.news .news-content .news-top .news-hots .news-hot .news-title{
	font-size: 16px!important;
	line-height: 20px!important;
}
.news .news-content .news-top .news-hots .news-hot .news-description{
	font-size: 12px!important;
	line-height: 1.5!important;
}
.news .news-content .news-bottom{
	flex-direction: column;
}
.news .news-content .news-bottom .news-item{
	width: 100%!important;
}
.news .news-content .news-bottom .news-item .news-text .news-button{
	font-size: 12px!important;
}

.columnList .column-item{
	width: calc(50% - 20px);
	margin: 2px 10px;
}

.singleArticle{
	box-sizing: border-box;
	padding: 0 10px;
}
.singleArticle p{
	margin-top: 28px;
	font-size: 18px!important;
	line-height: 30px!important;
}

.article-item{
	width: calc(50% - 10px)!important;
	height: 200px!important;
	margin: 5px!important;
}
.article-item-img{
	height: 150px!important;
}
.article-item img{
	height: 120px!important;
}
.article-title{
	font-size: 14px!important;
	line-height: 1.5!important;
}

.news-list{
	padding-bottom: 0!important;
}
.news-list .fl{
	display: none;
}
.news-list .fr{
	width: 100%!important;
}
.news-list .fr .news-list .news-item{
	height: 120px!important;
}
.news-list .fr .news-list .news-item .news-item-img{
	width: 40%!important;
	background-size: 100% auto!important;
}
.news-list .fr .news-list .news-item .news-item-info{
	width: 60%!important;
	padding: 5px!important;
}
.news-list .fr .news-list .news-item .news-item-info .news-top{
	padding-top: 0!important;
}
.news-list .fr .news-list .news-item .news-item-info .news-top .news-title{
	font-size: 14px!important;
	margin-right: 0!important;
}
.news-list .fr .news-list .news-item .news-item-info .news-description{
	font-size: 12px!important;
}
.news-list .fr .news-list .news-item .news-item-info .news-button{
	white-space: nowrap;
	font-size: 12px!important;
	padding: 3px 5px!important;
	bottom: 5px!important;
	right: 5px!important;
}

.path{
	margin: 0 0 2px 0!important;
}

.article-content img{
	max-width: 100%;
	height: auto;
}

.tellink{
	width: 10vw;
	height: 10vw;
}

.pc-footer {
  box-sizing: border-box;
  padding: 20px 0 0;
  background-color: #333333;
}
.pc-footer .footer-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.pc-footer .footer-top .fl {
  width: 100%;
}
.pc-footer .footer-top .fl .footer-nav {
  overflow: hidden;
  box-sizing: border-box;
  padding-left: 20px;
  border-bottom: 1px solid #ffffff;
}
.pc-footer .footer-top .fl .footer-nav h2 {
  float: left;
  margin: 0 60px 0 0;
  line-height: 1.8;
  color: #e8e8e8;
}
.pc-footer .footer-top .fl .footer-nav h2:last-child {
  margin-right: 20px;
}
.pc-footer .footer-top .fl .footer-nav h2 a {
  font-size: 14px;
  color: inherit;
}
.pc-footer .footer-top .fl .companyInfo {
  overflow: hidden;
}
.pc-footer .footer-top .fl .companyInfo p {
  float: left;
  margin-top: 10px;
  box-sizing: border-box;
  padding-left: 10px;
  font-size: 12px;
  line-height: 22px;
  color: #ffffff;
  text-align: left;
}
.pc-footer .footer-top .fl .companyInfo p .fa {
  font-size: 12px;
  margin-right: 5px;
}
.pc-footer .footer-top .right-qr {
  width: 100%;
  text-align: center;
}
.pc-footer .footer-top .right-qr .qrcode {
  width: 80px;
}
.pc-footer .footer-top .right-qr .tel {
  font-size: 12px;
  line-height: 1.2;
  color: #dd0000;
}
.pc-footer .footer-bottom {
  margin-top: 20px;
  padding: 10px;
  background-color: #292929;
  font-size: 14px;
  line-height: 1.3;
  color: #7f7f7f;
  text-align: center;
}
.pc-footer .footer-bottom a {
  color: inherit;
}
.pc-footer .footer-bottom .szhscjg_logo {
  width: 48px;
  height: 42px;
}
/*# sourceMappingURL=common-mobile.css.map */